<div class="container"> 
	<div class="row"> 
		<div class="panel panel-info">
			<div class="panel-heading">
				<div class="panel-title">My Account</div>
			</div>
			<div class="panel-body">
				<div class="row">
					<div class="col-md-6">
						<h3>Welcome <?=$memberdetails['firstname']?></h3>
					</div>
					<div class="col-md-6 text-right">
						<h3>Need Help? Try our Help Center</h3>
					</div>
				</div>
				
				<div class="hline"></div>
				<div class="row">
					<div class="col-md-6">
						<div class="well well-sm">
							<strong>Account Details</strong><a href=""><span class="label label-primary pull-right">Edit</span></a><br>
							<address class="desc">
								<p class="text-muted">
								<?=$memberdetails['firstname'].' '.$memberdetails['lastname']?><br>
								<?=$memberdetails['address1']?><br>
								<?=$memberdetails['city'].','.$memberdetails['state']?><br>
								<?=$memberdetails['country'].','.$memberdetails['zip']?><br>
								<?=$memberdetails['email']?></p>
								<a href="#">Change Password</a>
							</address>
							<strong>Credit Card Status</strong><a href=""><span class="label label-primary pull-right">Edit</span></a><br>
							<address class="desc">
								<p class="text-muted">A credit card is on file</p>
							</address>
							<strong>Account Validation</strong><a href=""><span class="label label-primary pull-right">Edit</span></a><br>
							<address class="desc">
								<p class="text-muted">Disabled  <span class="glyphicon glyphicon-lock"></span></p>
							</address>
						</div>
					</div>
					<div class="col-md-6">
						<div class="well well-sm">
							<div class="input-group">
								<input type="text" class="form-control txtbox">
								<span class="input-group-btn">
									<button class="srchbtn" type="button"></button>
								</span>
							</div>
						</div>
						<div class="well well-sm">
							<strong>Reseller Quick Links</strong><br>
							<address class="desc">
								<p><span class="glyphicon glyphicon-search"></span> <a href="">Manage Domains</a></p>
								<p><span class="glyphicon glyphicon-search"></span> <a href="">Edit Domain Pricing</a></p>
								<p><span class="glyphicon glyphicon-search"></span> <a href="">Edit Product Pricing</a></p>
								<p><span class="glyphicon glyphicon-search"></span> <a href="">Edit Sub-Account Pricing</a></p>
								<p><span class="glyphicon glyphicon-search"></span> <a href="">Manage Sub-Account Domains</a></p>
								<p><span class="glyphicon glyphicon-search"></span> <a href="">Manage Sub-Accounts</a></p>
							</address>
						</div>
					</div>
				</div>
				<div class="clearfix"></div>
				<?php if($usertype==1 || $usertype==2){?>
				<div class="well well-sm">
					<div class="row">
						<div class="col-md-4">
							<div class="smallstat">
								<div class="boxchart-overlay blue">
									<div class="boxchart"><canvas style="display: inline-block; vertical-align: top; width: 64px; height: 30px;" width="64" height="30"></canvas></div>
								</div>
								<span class="value">Account Balance</span>	
								
								<span class="title"><h3>$385.72</h3></span>
									
							</div>
						</div><!--/col-->

						<div class="col-md-4">
							<div class="smallstat">
								<div class="boxchart-overlay blue">
									<div class="boxchart"><canvas style="display: inline-block; vertical-align: top; width: 64px; height: 30px;" width="64" height="30"></canvas></div>
								</div>
								<span class="value">Available Balance</span>	
								<span class="title"><h3>$385.72</h3></span>
									
							</div>
						</div><!--/col-->

						<div class="col-md-4">
							<div class="smallstat">
								<div class="boxchart-overlay blue">
									<div class="boxchart"><canvas style="display: inline-block; vertical-align: top; width: 64px; height: 30px;" width="64" height="30"></canvas></div>
								</div>
								<span class="value">Need to Add Funds?</span>	
								<span class="title"><button type="button" class="btn btn-warning">Refill Account</button></span>
									
							</div>
						</div><!--/col-->
					</div>
				</div>
				<div class="clearfix"></div>
				<?}?>
				<h3>Manage My Domains</h3>
				<div class="hline"></div>
				<div class="row">
					<div class="col-md-3">
						<div class="stat-box">
							<div class="globe">
								<span class="glyphicon glyphicon-globe icon-size-50"></span>
							</div>
							<h4><a href="<?php echo base_url('users/domain_manage/register')?>">Registered</a></h4>
							<span class="label label-info"><?=$register_domain?></span>
						</div>
					</div>
					<div class="col-md-3">
						<div class="stat-box">
							<div class="globe">
								<span class="glyphicon glyphicon-globe icon-size-50"></span>
							</div>
							<h4><a href="">Expiring</a></h4>
							<span class="label label-info"><?=$expiring_domain?></span>
						</div>
					</div>
					<div class="col-md-3">
						<div class="stat-box">
							<div class="globe">
								<span class="glyphicon glyphicon-globe icon-size-50"></span>
							</div>
							<h4><a href="">Expired</a></h4>
							<span class="label label-info"><?=$expired_domain?></span>
						</div>
					</div>
					<div class="col-md-3">
						<div class="stat-box">
							<div class="globe">
								<span class="glyphicon glyphicon-globe icon-size-50"></span>
							</div>
							<h4><a href="">DNS Hosted</a></h4>
							<span class="label label-info"><?=$hosted_domain?></span>
						</div>
					</div>
					
				</div>
				<!--<div class="clearfix"></div>
				<div class="row">
					<div class="col-md-3">
						<div class="stat-box">
							<div class="globe">
								<span class="glyphicon glyphicon-globe icon-size-50"></span>
							</div>
							<h4><a href="">Registered</a></h4>
							<span class="label label-info">4</span>
						</div>
					</div>
					<div class="col-md-3">
						<div class="stat-box">
							<div class="globe">
								<span class="glyphicon glyphicon-globe icon-size-50"></span>
							</div>
							<h4><a href="">Registered</a></h4>
							<span class="label label-info">4</span>
						</div>
					</div>
					<div class="col-md-3">
						<div class="stat-box">
							<div class="globe">
								<span class="glyphicon glyphicon-globe icon-size-50"></span>
							</div>
							<h4><a href="">Registered</a></h4>
							<span class="label label-info">4</span>
						</div>
					</div>
					<div class="col-md-3">
						<div class="stat-box">
							<div class="globe">
								<span class="glyphicon glyphicon-globe icon-size-50"></span>
							</div>
							<h4><a href="">Registered</a></h4>
							<span class="label label-info">4</span>
						</div>
					</div>	 
				</div>-->
				<!--<div class="row">
                    <div class="col-lg-2 col-sm-6">
                        <div class="circle-tile">
                            <a href="#">
                                <div class="circle-tile-heading dark-blue">
                                    <i class="fa fa-users fa-fw fa-3x"></i>
                                </div>
                            </a>
                            <div class="circle-tile-content dark-blue">
                                <div class="circle-tile-description text-faded">
                                    Users
                                </div>
                                <div class="circle-tile-number text-faded">
                                    265
                                    <span id="sparklineA"><canvas style="display: inline-block; width: 29px; height: 24px; vertical-align: top;" width="29" height="24"></canvas></span>
                                </div>
                                <a class="circle-tile-footer" href="#">More Info <i class="fa fa-chevron-circle-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-6">
                        <div class="circle-tile">
                            <a href="#">
                                <div class="circle-tile-heading green">
                                    <i class="fa fa-money fa-fw fa-3x"></i>
                                </div>
                            </a>
                            <div class="circle-tile-content green">
                                <div class="circle-tile-description text-faded">
                                    Revenue
                                </div>
                                <div class="circle-tile-number text-faded">
                                    $32,384
                                </div>
                                <a class="circle-tile-footer" href="#">More Info <i class="fa fa-chevron-circle-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-6">
                        <div class="circle-tile">
                            <a href="#">
                                <div class="circle-tile-heading orange">
                                    <i class="fa fa-bell fa-fw fa-3x"></i>
                                </div>
                            </a>
                            <div class="circle-tile-content orange">
                                <div class="circle-tile-description text-faded">
                                    Alerts
                                </div>
                                <div class="circle-tile-number text-faded">
                                    9 New
                                </div>
                                <a class="circle-tile-footer" href="#">More Info <i class="fa fa-chevron-circle-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-6">
                        <div class="circle-tile">
                            <a href="#">
                                <div class="circle-tile-heading blue">
                                    <i class="fa fa-tasks fa-fw fa-3x"></i>
                                </div>
                            </a>
                            <div class="circle-tile-content blue">
                                <div class="circle-tile-description text-faded">
                                    Tasks
                                </div>
                                <div class="circle-tile-number text-faded">
                                    10
                                    <span id="sparklineB"><canvas style="display: inline-block; width: 24px; height: 24px; vertical-align: top;" width="24" height="24"></canvas></span>
                                </div>
                                <a class="circle-tile-footer" href="#">More Info <i class="fa fa-chevron-circle-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-6">
                        <div class="circle-tile">
                            <a href="#">
                                <div class="circle-tile-heading red">
                                    <i class="fa fa-shopping-cart fa-fw fa-3x"></i>
                                </div>
                            </a>
                            <div class="circle-tile-content red">
                                <div class="circle-tile-description text-faded">
                                    Orders
                                </div>
                                <div class="circle-tile-number text-faded">
                                    24
                                    <span id="sparklineC"><canvas style="display: inline-block; width: 34px; height: 24px; vertical-align: top;" width="34" height="24"></canvas></span>
                                </div>
                                <a class="circle-tile-footer" href="#">More Info <i class="fa fa-chevron-circle-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-6">
                        <div class="circle-tile">
                            <a href="#">
                                <div class="circle-tile-heading purple">
                                    <i class="fa fa-comments fa-fw fa-3x"></i>
                                </div>
                            </a>
                            <div class="circle-tile-content purple">
                                <div class="circle-tile-description text-faded">
                                    Mentions
                                </div>
                                <div class="circle-tile-number text-faded">
                                    96
                                    <span id="sparklineD"><canvas style="display: inline-block; width: 36px; height: 24px; vertical-align: top;" width="36" height="24"></canvas></span>
                                </div>
                                <a class="circle-tile-footer" href="#">More Info <i class="fa fa-chevron-circle-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="row">
                    <div class="col-lg-2 col-sm-6">
                        <div class="circle-tile">
                            <a href="#">
                                <div class="circle-tile-heading dark-blue">
                                    <i class="fa fa-users fa-fw fa-3x"></i>
                                </div>
                            </a>
                            <div class="circle-tile-content dark-blue">
                                <div class="circle-tile-description text-faded">
                                    Users
                                </div>
                                <div class="circle-tile-number text-faded">
                                    265
                                    <span id="sparklineA"><canvas style="display: inline-block; width: 29px; height: 24px; vertical-align: top;" width="29" height="24"></canvas></span>
                                </div>
                                <a class="circle-tile-footer" href="#">More Info <i class="fa fa-chevron-circle-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-6">
                        <div class="circle-tile">
                            <a href="#">
                                <div class="circle-tile-heading green">
                                    <i class="fa fa-money fa-fw fa-3x"></i>
                                </div>
                            </a>
                            <div class="circle-tile-content green">
                                <div class="circle-tile-description text-faded">
                                    Revenue
                                </div>
                                <div class="circle-tile-number text-faded">
                                    $32,384
                                </div>
                                <a class="circle-tile-footer" href="#">More Info <i class="fa fa-chevron-circle-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-6">
                        <div class="circle-tile">
                            <a href="#">
                                <div class="circle-tile-heading orange">
                                    <i class="fa fa-bell fa-fw fa-3x"></i>
                                </div>
                            </a>
                            <div class="circle-tile-content orange">
                                <div class="circle-tile-description text-faded">
                                    Alerts
                                </div>
                                <div class="circle-tile-number text-faded">
                                    9 New
                                </div>
                                <a class="circle-tile-footer" href="#">More Info <i class="fa fa-chevron-circle-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-6">
                        <div class="circle-tile">
                            <a href="#">
                                <div class="circle-tile-heading blue">
                                    <i class="fa fa-tasks fa-fw fa-3x"></i>
                                </div>
                            </a>
                            <div class="circle-tile-content blue">
                                <div class="circle-tile-description text-faded">
                                    Tasks
                                </div>
                                <div class="circle-tile-number text-faded">
                                    10
                                    <span id="sparklineB"><canvas style="display: inline-block; width: 24px; height: 24px; vertical-align: top;" width="24" height="24"></canvas></span>
                                </div>
                                <a class="circle-tile-footer" href="#">More Info <i class="fa fa-chevron-circle-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-6">
                        <div class="circle-tile">
                            <a href="#">
                                <div class="circle-tile-heading red">
                                    <i class="fa fa-shopping-cart fa-fw fa-3x"></i>
                                </div>
                            </a>
                            <div class="circle-tile-content red">
                                <div class="circle-tile-description text-faded">
                                    Orders
                                </div>
                                <div class="circle-tile-number text-faded">
                                    24
                                    <span id="sparklineC"><canvas style="display: inline-block; width: 34px; height: 24px; vertical-align: top;" width="34" height="24"></canvas></span>
                                </div>
                                <a class="circle-tile-footer" href="#">More Info <i class="fa fa-chevron-circle-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-6">
                        <div class="circle-tile">
                            <a href="#">
                                <div class="circle-tile-heading purple">
                                    <i class="fa fa-comments fa-fw fa-3x"></i>
                                </div>
                            </a>
                            <div class="circle-tile-content purple">
                                <div class="circle-tile-description text-faded">
                                    Mentions
                                </div>
                                <div class="circle-tile-number text-faded">
                                    96
                                    <span id="sparklineD"><canvas style="display: inline-block; width: 36px; height: 24px; vertical-align: top;" width="36" height="24"></canvas></span>
                                </div>
                                <a class="circle-tile-footer" href="#">More Info <i class="fa fa-chevron-circle-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>-->
				<!--<div class="row">
					<div class="col-md-12">
						<div class="block-area shortcut-area">
							<a href="" class="shortcut tile">
								<img alt="" src="img/shortcuts/money.png">
								<small class="t-overflow">Purchases</small>
							</a>
							<a href="" class="shortcut tile">
								<img alt="" src="img/shortcuts/twitter.png">
								<small class="t-overflow">Tweets</small>
							</a>
							<a href="" class="shortcut tile">
								<img alt="" src="img/shortcuts/calendar.png">
								<small class="t-overflow">Calendar</small>
							</a>
							<a href="" class="shortcut tile">
								<img alt="" src="img/shortcuts/stats.png">
								<small class="t-overflow">Statistics</small>
							</a>
							<a href="" class="shortcut tile">
								<img alt="" src="img/shortcuts/connections.png">
								<small class="t-overflow">Connection</small>
							</a>
							<a href="" class="shortcut tile">
								<img alt="" src="img/shortcuts/reports.png">
								<small class="t-overflow">Reports</small>
							</a>
						</div>
					</div>
				</div>-->
				<div class="clearfix"></div>
				<?php if($usertype==1 || $usertype==2){?>
				<h3>My Selling Options</h3>
				<div class="hline"></div>
				<div class="clearfix"></div>
				<div class="row">
					<div class="col-md-6">
						<div class="panel panel-default">
							<div class="panel-body">	
								<h4><span class="glyphicon glyphicon-user"></span>  My Account</h4>
								<hr/>
								<ul class="unstyled">
									<li><span class="glyphicon glyphicon-search"></span> <a href="#">About us</a></li>
									<li><span class="glyphicon glyphicon-search"></span> <a href="#">About us</a></li>
									<li><span class="glyphicon glyphicon-search"></span> <a href="#">About us</a></li>
									<li><span class="glyphicon glyphicon-search"></span> <a href="#">About us</a></li>
									<li><span class="glyphicon glyphicon-search"></span> <a href="#">About us</a></li>
									<li><span class="glyphicon glyphicon-search"></span> <a href="#">About us</a></li>
									<li><span class="glyphicon glyphicon-search"></span> <a href="#">About us</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="panel panel-default">
							<div class="panel-body">
								<h4><span class="glyphicon glyphicon-cog"></span>  Control Panel</h4>
								<hr/>
								<ul class="unstyled">
									<li><span class="glyphicon glyphicon-search"></span> <a href="#">About us</a></li>
									<li><span class="glyphicon glyphicon-search"></span> <a href="#">About us</a></li>
									<li><span class="glyphicon glyphicon-search"></span> <a href="#">About us</a></li>
									<li><span class="glyphicon glyphicon-search"></span> <a href="#">About us</a></li>
									<li><span class="glyphicon glyphicon-search"></span> <a href="#">About us</a></li>
									<li><span class="glyphicon glyphicon-search"></span> <a href="#">About us</a></li>
									<li><span class="glyphicon glyphicon-search"></span> <a href="#">About us</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<?}?>
				<h3>Manage Services</h3>
				<div class="hline"></div>
				<div class="row">
					<div class="col-md-4">
						<div class="alert alert-info" role="alert">
							<div class="globe">
								<span class="glyphicon glyphicon-globe icon-size-30"></span>
							</div>
							<h4><a href="">Registered</a></h4>
							<a href="">Registered</a>
						</div>
					</div>
					<div class="col-md-4">
						<div class="alert alert-info" role="alert">
							<div class="globe">
								<span class="glyphicon glyphicon-globe icon-size-30"></span>
							</div>
							<h4><a href="">Registered</a></h4>
							<a href="">Registered</a>
						</div>
					</div>
					<div class="col-md-4">
						<div class="alert alert-info" role="alert">
							<div class="globe">
								<span class="glyphicon glyphicon-globe icon-size-30"></span>
							</div>
							<h4><a href="">Registered</a></h4>
							<a href="">Registered</a>
						</div>
					</div>
					<div class="col-md-4">
						<div class="alert alert-info" role="alert">
							<div class="globe">
								<span class="glyphicon glyphicon-globe icon-size-30"></span>
							</div>
							<h4><a href="">Registered</a></h4>
							<a href="">Registered</a>
						</div>
					</div>
					<div class="col-md-4">
						<div class="alert alert-info" role="alert">
							<div class="globe">
								<span class="glyphicon glyphicon-globe icon-size-30"></span>
							</div>
							<h4><a href="">Registered</a></h4>
							<a href="">Registered</a>
						</div>
					</div>
					<div class="col-md-4">
						<div class="alert alert-info" role="alert">
							<div class="globe">
								<span class="glyphicon glyphicon-globe icon-size-30"></span>
							</div>
							<h4><a href="">Registered</a></h4>
							<a href="">Registered</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>